<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--[if lt IE 7]>      <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>         <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>         <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 8]><!--> <html xmlns="http://www.w3.org/1999/xhtml">             <!--<![endif]-->
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>管理</title>
            <!-- base css include -->
            <link rel="stylesheet" type="text/css" href="__ADMIN__/frame/lib/css/base.css" />
            <link rel="stylesheet" type="text/css" href="__ADMIN__/frame/skin/css/system/base.css" />
            <link rel="stylesheet" type="text/css" href="__ADMIN__/frame/skin/css/system/system.css" />
            <!--[if lt IE 9]>
            <script type="text/javascript" src="__ADMIN__/frame/lib/js/html5.js"></script>
            <![endif]-->
            <script type="text/javascript" src="__ADMIN__/frame/lib/js/jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="__ADMIN__/frame/lib/js/engine.js?jversion=2.0"></script>
            <script type="text/javascript">
                //<![CDATA[
                jQuery(function ($) {
       
                    (function () {
                        var list = $("div.list > .col"),
                        _title = list.find("p.tit"),
                        content = list.find("ul");
                        list.each(function (i, col) {
                            var _col = col;
                            col = $(col);
                            var tit = _title.eq(i),
                            _body = content.eq(i);
                            tit.click(function () {
                                content.not(_body.get(0)).slideUp("fast");
                                _body.slideToggle("fast");
                                $(window).resize();
                            });
                        });
                    })();

                    // 页面高度
                    var setHeight = function () {
                        var _height = $(window).height() - 148,
                        _width = $(window).width(),
                        top = $("#top"),
                        left = $("#left"),
                        right = $("#right"),
                        rightWidth;
                        if ($.browser.msie && ($.browser.version == "6.0" || $.browser.version == "7.0" || $.browser.version == "8.0")) {
                            rightWidth = _width - 182;
                        } else {
                            rightWidth = _width - 186;
                        }
                        left.css("height", _height + "px");
                        right.css({
                            "width": rightWidth + "px",
                            "height": _height + "px"
                        });
                    };
                    setHeight();
                    $(window).resize(setHeight).resize();
                });
                //]]>
            </script>
            <script type="text/javascript">
                //<![CDATA[
                jQuery( function( $ ) {
                    var setTopWidth = function() {
                        var _width = $( window ).width(),
                        left    = $( ".div.nav, div.position" );
                        left.css( "width" , _width + "px" );
                        $( "#header" ).css( "width" , _width - 40 + "px" );
                    };
                    setTopWidth();
                    $( window ).resize( setTopWidth );
                    // 下拉
                    ( function() {
                        var _parent = function( expr ) {
                            return $( parent.document ).find( expr );
                        };
                        var _title    = $( "#nav > li" ),
                        _contents = $( "ul.nav_nav > li" );
                        _title.each( function( i , li ) {
                            li = $( li );
                            alert(li.html());
                            var tit   = li.find( "a" ),
                            _body = _contents.eq( i ),
                            var parentFrames = window.frames;
                            _body.css( {
                                "width": tit.width() + 24 + "px",
                                "top"  : tit.offset().top + 40 + "px",
                                "left" : tit.offset().left + 4 + "px"
                            } );
                            tit.bind( "mouseenter" , function( evt ) {
                                _body.show();
                                evt.preventDefault();
                            } );
                            _title.not( li ).bind( "mouseenter click" , function( evt ) {
                                _body.hide();
                            } );
                            $( parentFrames[ "left" ].document ).bind( "mouseenter click" , function() {
                                _body.hide();
                            } );
                            $( parentFrames[ "right" ].document ).bind( "mouseenter click" , function() {
                                _body.hide();
                            } );
                            $( document ).bind( "mouseenter click" , function() {
                                _body.hide();
                            } );
                        } );
                    } )();
                } );
                //]]>
            </script>

            <style type="text/css">
                #javask {padding:0px 9px 0px 5px;}
                .ie6 #javask, .ie7 #javask, .ie8 #javask {padding:0px 5px;}
                .loading {
                    background: none repeat scroll 0 0 #FFFDE3;
                    border: 1px solid #E4E4E4;
                    border-radius: 2px 2px 2px 2px;
                    box-shadow: 0 0 5px #E4E4E4;
                    color: #222222;
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 100%;
                    margin-left: 10px;
                    padding: 6px 10px;
                    position: absolute;
                    top: 88px;
                }
                #right{overflow-x: hidden}
            </style>
        </head>
        <body id="javask">
        <!--<iframe id="top" src="top.html" width="100%" height="148" frameborder="0" marginheight="0px" marginwidth="0px" scrolling="no"></iframe>-->
            <div id="top"  style="width: 100%;height: 121px;">


                <dl id="header">
                    <dt><a class="logo" href="javascript:void(0);"><img src="__ADMIN__/frame/skin/img/system/logo.png" width="181" height="32" alt="" /></a><p><span>管理员</span>欢迎您进入网站管理后台</p></dt>
                    <dd class="logout"><a href="{:U('Public/logout')}">退&nbsp;&nbsp;出</a></dd>
                    <dd class="change"><a href="{:U('Adminmanage/chanpass')}" target="right">修改密码</a></dd>
                </dl>
                <div class="nav clear1">
                    <p class="left"></p>
                    <ul id="nav">
                        <volist name="SUBMENU_CONFIG" id="vo">
                            <li class="menu_click" menu_id="{$vo['id']}"><a href="{$vo['url']}">{$vo['name']}</a></li>
                        </volist>
                    </ul>
                    <p class="right"></p>
                </div>
                <ul class="nav_nav" style="display:none">
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                    <li class="hide">
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                        <a href="javascript:void(0);">子栏目</a>
                    </li>
                </ul>
                <div id="loading" class="loading" style="display: block;">加载中...</div>
            </div>

            <iframe id="left" class="l" src="{:U('Index/menu')}" width="172" frameborder="0" marginheight="0px" marginwidth="0px" scrolling="yes" style="overflow-x: hidden"></iframe>
            <iframe id="right" name="right" class="l" src="{:U('Main/index')}" frameborder="0" marginheight="0px" marginwidth="0px" scrolling="yes"></iframe>
            <script type="text/javascript">
                var loading_show = function(){
                    $('#loading').show().focus();
                    setTimeout(function(){
                        $('#loading').hide();
                    },500);
                }
                $(document).ready(function() {
                    $(".menu_click").click(function() {
                        $(".menu_click").removeClass("active");
                        $(this).addClass("active");
                        parent.window.frames[0].location.href = "{:U('Index/menu')}&menu_id=" + $(this).attr('menu_id');
                        return false;
                    });
                    $(".menu_click:first").click();
                    setTimeout(function(){
                        $('#loading').hide();
                    },500);
                });
            </script>
        </body>
    </html>
